<%@page import="ta.utils.PageInfo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@page import="java.util.List"%>
<%@page import="ta.pojo.Blog"%>
<%@page import="ta.dao.BlogDao"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!--文章列表 -->
<div data-action="admin/" class="news">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-3 col-sm-3 hidden-xs sidebar">
				<span class="open">展开栏目列表</span>
				<!--电脑端页面导航-->
				<ul>
					<span title="关闭栏目列表" class="colse"></span>
					<li class="sidebar-title">
						<h3>博客</h3>
						<p>BLOGS</p>
					</li>
					<li class="sidebar-item">
						<a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;博客简介</a>
					</li>
					<li class="sidebar-item">
						<a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;博客分类</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 right-content">
				<!--面包屑导航-->
				<ol class="breadcrumb bread">
					<h4><span class="active"></span> 相关博客 <span class="active"></span></h4>
				</ol>
<%--				<c:if test="${!empty blogAll}"><c:redirect url="admin/BlogServlet?type=getlist1"></c:redirect> </c:if>--%>
				<c:forEach var="blog" items="${blogAll}">
					<div class="news-list">
						<div class="news-text">
							<h3><a href="admin/BlogServlet?type=getbyid&blogid=${blog.blogid }">${blog.title }</a></h3>
							<p>
							<td><div style="overflow: hidden;text-overflow: ellipsis;height: 19em;">${blog.content }</div></td>
							</p>
							<div>
								<a href="Index?type=getblog&blogid=${blog.blogid }" class="read-all">阅读全文</a>
								<span><i class="glyphicon glyphicon-eye-open"></i> 5321</span>
								<span class=""><i class="glyphicon glyphicon-heart"></i> 53</span>
								<span class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${blog.category }</span>
								<span class=""><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									作者:&nbsp;&nbsp;&nbsp;&nbsp;${blog.author }</td></span>
								<span class="pull-right"><i class="glyphicon glyphicon-time"></i> <td>${blog.pubtime }</td></span>
							</div>
						</div>
					</div>
				</c:forEach>
			</div>
		</div>
	</div>
</div>


<div class="xg">
	<div class="container">
		<div class="common-title">
			<h2>最新发布</h2>
			<!-- 	<span>穿梭虫洞-随机访问十年之约</span>	 -->
		</div>
		<div class="row">
			<div class="col-sm-6" >
				<h4><a href="#">穿梭虫洞-随机访问十年之约</a></h4>
				<p>我们的博客散布在浩瀚的互联网宇宙中，虽然同处十年之约这个星系当中，但是由于十年之约官网中成员列表的脑残设定，成员之间的博客互访非常麻烦。虫洞是连结两个遥远时空的空间隧道，通过虫洞您可以非常方便地随机访问十年之约成员的博客。</p>
			</div>
			<div class="col-sm-6" >
				<h4><a href="#">追气球的熊孩子</a></h4>
				<p>合作为名，骗取孩子的信任，套取关键信息后又把对方踢掉。这个套路是不是很熟悉？或许你可能接触过这个套路的变形：某产品要转型，找了几家设计创意公司招标，听完他们的创意说明后，又各种理由取消竞标。然后基于这几个设计公司的创意提案进行改版;某风投投了一个产品，却又找了其他几家这个产品的竞争者，听完他们的思路，再转述给自己投资了的那个团队....</p>
			</div>
		</div>

	</div>
</div>

